<template>
  <hr />
  <br>
  
  <div class="containers">
    <div class="box8">
      <span class="yinwen">MESSAGES / ADVICE</span>
      <span class="fankui" 
        ><b>留言反馈</b></span
      >
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>




.box8 {  
   background-color: rgb(143, 185, 229);
  border-bottom: 8px solid #2676e5;
  display: flex; 
   width: 70%; /* 根据需要设置宽度 */ 
  flex-direction: column; /* 设置为列方向 */  
  align-items: center; /* 垂直居中 */  
   margin: 0 auto; /* 水平居中 */
  height: 80px; /* 示例高度，根据实际需求设置 */  
   
}  





  
.flex-containers {  
  /* 如果需要额外的样式可以添加 */  
  width: 70%; /* 根据需要设置宽度 */
  text-align: center; /* 水平居中文本 */  
}  
  .yinwen, .fankui {  
  /* 其他样式 */  
  margin-top: 5px; /* 根据需要设置间距 */  
}  

  
.fankui {  
  /* 其他样式 */  
  /* style="font-size: 15px;" 可以在这里移除，因为会在CSS中设置 */  
  font-size: 15px;  
  
}  
</style>